<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="renderer" content="webkit"/>
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>密友圈</title>
    <link rel="stylesheet" href="./css/swiper-4.2.0.min.css">
    <link rel="stylesheet" type="text/css" href="./css/style.css">
</head>

<body>
<div class="all_wrap page_index" id="app">
    <!--全屏滚动-->
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <!--第一屏-->
            <div class="swiper-slide slide_index">
                <div class="slogan">
                    <p class="title">
                        密友圈
                    </p>
                    <p class="text">
                        我们的视界紧密相连
                    </p>
                </div>
                <img src="images/slide1_img.png" alt="">
                <div class="btn_wrap">
                    <a :href="downloadLink" @click="handleWeixin($event)">
                        点击下载密友圈
                    </a>
                </div>
                <div class="btn_up"></div>
            </div>

            <!--第二屏-->
            <div class="swiper-slide slide_other">
                <div class="slogan">
                    <p class="title">
                        视频通话畅快聊
                    </p>
                    <p class="text">
                        短号网全新升级 网内视频通话免费
                    </p>
                </div>
                <img src="images/slide2_img.png" alt="">
                <div class="btn_wrap">
                    <a :href="downloadLink" @click="handleWeixin($event)">
                        点击下载密友圈
                    </a>
                </div>
                <div class="btn_up"></div>
            </div>

            <!--第三屏-->
            <div class="swiper-slide slide_other">
                <div class="slogan">
                    <p class="title">
                        免费流量肆意花
                    </p>
                    <p class="text">
                        密友圈APP内产生的所有流量全免
                    </p>
                </div>
                <img src="images/slide3_img.png" alt="">
                <div class="btn_wrap">
                    <a :href="downloadLink" @click="handleWeixin($event)">
                        点击下载密友圈
                    </a>
                </div>
                <div class="btn_up"></div>
            </div>

            <!--第四屏-->
            <div class="swiper-slide slide_other">
                <div class="slogan">
                    <p class="title">
                        短号成员免添加
                    </p>
                    <p class="text">
                        短号网全新升级 网内视频通话免费
                    </p>
                </div>
                <img src="images/slide4_img.png" alt="">
                <div class="btn_wrap">
                    <a :href="downloadLink" @click="handleWeixin($event)">
                        点击下载密友圈
                    </a>
                </div>
            </div>
        </div>

        <!--遮罩层-->
        <div class="mask" ref="mask"></div>

        <!--弹窗-->
        <div class="popup" style="display: none" ref="popup">
            <img src="images/popup.png" alt="">
        </div>
    </div>
</div>
<script src="./js/vue.js"></script>
<script src="./js/vue-resource.js"></script>
<script src="./js/swiper-4.2.0.min.js"></script>
<script src="./js/download.js"></script>
</body>
</html>